<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="java.util.*" %>
<br>

<div class="row">
	<div class="col-lg-8">
		<h3>Apache HTTP Dashboard</h3>
	</div>
	<div class="col-lg-4">
		<div class="pull-right">
			<form class="form-inline" role="form">
				<div class="form-group">
			         <select id="regionListSelect" class="form-control">
		               	 <option selected>Region</option>
		             </select>
		         </div>
		         <div class="form-group">
			           <button type="button" class="btn btn-default form-control" id="refreshUpdateDataBtn"><i class="fa fa-refresh"></i></button>
		         </div>
		         <div class="form-group">
			        <button type="button" class="btn btn-default form-control" id="apacheDashboardSettingBtn"><i class="glyphicon glyphicon-cog"></i></button>
		         </div>
		         
		    </form>
	     </div>
	</div>
</div>
<div class="row" id="apachePageVisibleId">
	<div id="apacheGraphUIArea" >
		
	</div>
</div>

<div id="apacheSetting-popover-head" class="hide"><i class="fa fa-cog fa-fw"></i>Apache Preferences</div>
<div id="apacheSetting-popover-content" class="hide">
	<form onsubmit="return false;" role="form">
      <div class="form-group form-group-sm">
         <label for="refreshInterval">Refresh Interval:</label>
         <input type="text" class="form-control" id="refreshInterval" value="30000"  onchange="$('#apacheSetting-popover-content #refreshInterval').attr('value', this.value);"/>
         <p class="help-block"><small>In Milliseconds: For better performance use default value</small></p>
      </div>
       <div class="form-group form-group-sm">
          <label for="nuOfColumns">Columns:</label>
          <input type="text" class="form-control" id="nuOfColumns" value="4" onchange="$('#apacheSetting-popover-content #nuOfColumns').attr('value', this.value)"/>
          <p class="help-block"><small>upto 6 should give better view</small></p>
       </div>
     </form>
</div>

<!-- <div class="modal fade" id="apacheSettingContentModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
            <h4 class="modal-title">Apache Preferences</h4>
            </div>
            <div class="modal-body">  
	           <form role="form">
		        <div class="form-group form-group-sm">
		          <label for="nuOfColumns">Columns:</label>
		          <input type="text" class="form-control" id="nuOfColumns" value="4" />
		          <p class="help-block"><i>upto 6 should give better view</i></p>
		       </div>
		       <div class="form-group form-group-sm">
		     	  <label for="refreshInterval">Refresh Interval:</label>
		          <input type="text" class="form-control" id="refreshInterval" value="30000" />
		          <p class="help-block"><i>In Milliseconds: For better performance use default value </i></p>
		       </div>
		       
		      </form>
  		  </div>
  		  <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div>
  	   </div>
	</div>
</div>  -->

<script type='text/javascript' src='js/apacheDash.js'></script>

